<div class="usercenter-my">
	<div class="back" (click)='back()'>
		<img src="../../../assets/icons/back.png" alt="">
	</div>
	<div class="uc-head">
		<div class="uc-info">
			<div class="uc-info-sel" (click)="onChangeConcern()">
				<img *ngIf="del?.isFollowed == 'Y'" style="margin-left: 93%; width: 2.6875rem;height: 2.4375rem;"
					src="../../../assets/images/guide-page/sel-true.png" alt="" />
				<img *ngIf="del?.isFollowed != 'Y'" style="margin-left: 93%; width: 2.6875rem;height: 2.4375rem;"
					src="../../../assets/images/guide-page/sel-false.png" alt="" />
			</div>
			<div class="uc-info-card">
				<div class="uc-info-card-top">
					<img src="{{ tx }}" class="uc-info-header" />
					<h3 class="uc-info-name">
						<span>{{ guide?.name }}</span>
					</h3>
				</div>
				<div class="uc-info-card-bottom">
					<a class="recharge-btn" *ngFor="let item of del?.personalityTagList">{{ item.name }}</a>
				</div>
				<div class="uc-info-card-text">
					{{ guide?.brief }}
				</div>
			</div>
		</div>
	</div>

	<div class="uc-pics">
		<span class="uc-pics-num">{{pics.length}}{{ 'guide-page.z' | translate }} </span>
		<h3>{{ 'guide-page.DYZP' | translate }} </h3>
		<div [ngClass]="'swiper'">
			<weui-swiper #swiper [options]="options">
				<div class="swiper-container">
					<!-- 容器（必选） -->
					<div class="swiper-wrapper">
						<div class="swiper-slide index-h" title="{{i}}" *ngFor="let url of pics;let i = index">
							<img src="{{ url }}" alt="" />
						</div>
					</div>
					<!-- 分页（可选） -->
					<div class="swiper-pagination"></div>
				</div>
			</weui-swiper>
		</div>
	</div>
	<div class="fixed-box swiper-box" [ngClass]="{'fixed-hide':!showPic}">
		<div class="swiper-box-bg" (click)="prevent($event)"></div>
		<a class="swiper-box-close" (click)="closeThis($event)"></a>
		<weui-swiper class="swiper-box-body" #swiper2 [options]="options2">
			<div class="swiper-container">
				<!-- 容器（必选） -->
				<div class="swiper-wrapper">
					<div class="swiper-slide index-h" *ngFor="let i of pics">
						<img src="{{ i }}" alt="" />
					</div>
				</div>
				<!-- 分页（可选） -->
				<div class="swiper-pagination"></div>
			</div>
		</weui-swiper>
	</div>
	<div class="uc-body">

		<div class="uc-date">
			<h3>{{ 'guide-page.SJB' | translate }}</h3>
			<table>
				<thead>
					<tr>
						<th>{{ 'guide-page.Z1' | translate }}</th>
						<th>{{ 'guide-page.Z2' | translate }}</th>
						<th>{{ 'guide-page.Z3' | translate }}</th>
						<th>{{ 'guide-page.Z4' | translate }}</th>
						<th>{{ 'guide-page.Z5' | translate }}</th>
						<th class="uc-date-m">{{ 'guide-page.Z6' | translate }}</th>
						<th class="uc-date-m">{{ 'guide-page.Z7' | translate }}</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							{{ del?.travelGuideForUserView.monOpenTime }}
							<div>-</div>
							{{ del?.travelGuideForUserView.monCloseTime }}
						</td>
						<td>
							{{ del?.travelGuideForUserView.tueOpenTime }}
							<div>-</div>
							{{ del?.travelGuideForUserView.tueCloseTime }}
						</td>
						<td>
							{{ del?.travelGuideForUserView.wedOpenTime }}
							<div>-</div>
							{{ del?.travelGuideForUserView.wedCloseTime }}
						</td>
						<td>
							{{ del?.travelGuideForUserView.thuOpenTime }}
							<div>-</div>
							{{ del?.travelGuideForUserView.thuCloseTime }}
						</td>
						<td>
							{{ del?.travelGuideForUserView.friOpenTime }}
							<div>-</div>
							{{ del?.travelGuideForUserView.friCloseTime }}
						</td>
						<td>
							{{ del?.travelGuideForUserView.satOpenTime }}
							<div>-</div>
							{{ del?.travelGuideForUserView.satCloseTime }}
						</td>
						<td>
							{{ del?.travelGuideForUserView.sunOpenTime }}
							<div>-</div>
							{{ del?.travelGuideForUserView.sunCloseTime }}
						</td>
					</tr>
				</tbody>
			</table>
		</div>

		<div class="uc-Service">
			<h3>{{ 'guide-page.Service-Items' | translate }}</h3>
			<div class="uc-service-item-c">
				<span *ngFor="let item of del?.guideServiceItemList; let i = index">
					<span style="font-size: 1.875rem;display: inline-block;margin-right: 2rem;">{{item.name}}</span>
				</span>
			</div>
		</div>
	</div>

	<div class="del-pay-c">
		<div class="del-pay-text">
			<span>{{ 'AGENCY-Page.Appointment-Cost' | translate }}</span>
			<span class="jgsm" (click)="onShowOfHtml()">{{ 'AGENCY-Page.price-indication' | translate }} <img
					style="width: 1.25rem;height: 1.25rem;" src="../../../assets/icons/gth.png" alt="" /></span>
		</div>
		<div class="amount-text">
			￥<span class="pay-many">{{ del?.travelGuideForUserView.reservationFee }}</span>
		</div>
		<a *ngIf="token" class="pay-btn" (click)="toCreateOrder()">{{ 'Appointment' | translate }}</a>
		<a *ngIf="!token" class="pay-btn" (click)="openLogin()">{{ 'login' | translate }}</a>
	</div>

	<weui-gallery [imgs]="selPic" [(show)]="show" [canDelete]="false"></weui-gallery>
	<login-dialog [(showdialog)]="showLogin" (loginSuccess)="loginSuccess()"></login-dialog>

</div>